<svg class="bj bk" style="width:690px;height:500px;pointer-events:none;border-radius:3px">
  <g>
    <g>
      <g>
        <defs>
          <filter id="addressbarGlow">
            <feGaussianBlur stdDeviation="2.5" result="coloredBlur"></feGaussianBlur>
            <feMerge>
              <feMergeNode in="coloredBlur"></feMergeNode>
              <feMergeNode in="SourceGraphic"></feMergeNode>
            </feMerge>
          </filter>
        </defs>
        <rect style="fill: white; stroke: rgb(173, 173, 173); stroke-width: 1;" x="0" y="0" rx="4" ry="4" width="690" height="500"></rect>
        <path d="M4 0 L686 0 Q690 0 690 4 L690 40 Q690 40 690 40 L0 40 Q0 40 0 40 L0 4 Q0 0 4 0 Z" style="height: 40px; stroke: rgb(173, 173, 173); stroke-width: 1;"
          fill="#d0d0d0"></path>
        <circle cx="17.142857142857142" cy="18.142857142857142" fill="#fc605c" stroke="#ef4b47" stroke-width="1" r="5.714285714285714"></circle>
        <circle cx="37.14285714285714" cy="18.142857142857142" fill="#fdbc40" stroke="#efaa2f" stroke-width="1" r="5.714285714285714"></circle>
        <circle cx="57.14285714285714" cy="18.142857142857142" fill="#34c749" stroke="#22b634" stroke-width="1" r="5.714285714285714"></circle>
        <rect style="height: 26.6667px; transition: all 200ms ease-out 0s;" rx="2" ry="2" x="103.50000000000003" y="6.666666666666667"
          width="482.99999999999994" fill="#419bf9"></rect>
        <rect style="height: 26.6667px; transition: all 200ms ease-out 0s;" rx="2" ry="2" x="103.50000000000003" y="6.666666666666667"
          width="482.99999999999994" stroke-width="1" stroke="#adadad" fill="white"></rect>
        <text style="font-size: 14px;" dy="0.3em" x="110.1666666666667" y="20">www.mysite.com</text>
      </g>
      <svg y="40" width="690" height="460" viewBox="0 0 750 500" preserveAspectRatio="xMinYMin slice">
        <g fill="#FF9100" fill-rule="evenodd">
          <g transform="translate(358 335)">
            <path d="M.3 6h88.2v4.7H.3z"></path>
            <path opacity=".5" d="M.3 18.5h180v4.7H.3zM.3 30.5h45v4.7H.3zM133.3 30.5h55v4.7h-55zM50.3 30.5h78v4.7h-78z"></path>
            <rect opacity=".2" x="272" width="38" height="38" rx="2"></rect>
            <rect opacity=".2" x="228" width="38" height="38" rx="2"></rect>
            <path d="M296 15c0 2.6-2 4.6-4.7 4.6-2.5 0-4.5-2-4.5-4.6 0-2.6 2-4.6 4.5-4.6 2.6 0 4.6 2 4.6 4.6zm-14 11.7c0-3.2 6-5 9-5 3.2 0 9.3 1.8 9.3 5v1.5H282v-1.5zM247.5 28s7.5-7.7 7.5-11.7c0-4-3.4-7.3-7.5-7.3-4 0-7.5 3.3-7.5 7.3s7.5 11.7 7.5 11.7zm0-9.8c1.4 0 2.6-1.2 2.6-2.5 0-1.4-1-2.6-2.5-2.6-1.4 0-2.6 1.3-2.6 2.7 0 1.3 1 2.5 2.5 2.5z"
              opacity=".8"></path>
          </g>
          <g transform="translate(358 79)">
            <rect opacity=".2" width="310" height="230" rx="4"></rect>
            <g transform="translate(101 90)">
              <path opacity=".8" d="M37 1l20.5 34.4L75.7 23l30 35H.3"></path>
              <ellipse opacity=".8" cx="93.1" cy="9.7" rx="8.7" ry="8.7"></ellipse>
            </g>
          </g>
          <g>
            <g transform="translate(83 335)">
              <path d="M63.3 11.7H129v4.7H63.3z"></path>
              <path opacity=".5" d="M63.3 23.4h129.2V28H63.3zM63.3 35.2h131.3V40H63.3z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g transform="translate(7, 15) scale(0.35)">
                <path opacity=".8" d="M37 1l20.5 34.4L75.7 23l30 35H.3"></path>
                <ellipse opacity=".8" cx="93.1" cy="9.7" rx="8.7" ry="8.7"></ellipse>
              </g>
            </g>
            <g transform="translate(83 270)">
              <path d="M63.3 11.7h76.2v4.7H63.3z"></path>
              <path opacity=".5" d="M63.3 23.4H210V28H63.2zM63.3 35.2h129V40h-129z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g transform="translate(7, 15) scale(0.35)">
                <path opacity=".8" d="M37 1l20.5 34.4L75.7 23l30 35H.3"></path>
                <ellipse opacity=".8" cx="93.1" cy="9.7" rx="8.7" ry="8.7"></ellipse>
              </g>
            </g>
            <g transform="translate(83 205)">
              <path d="M63.3 10H158v4.7H63.3zM163.6 10h10.8v4.7h-10.8z"></path>
              <path opacity=".5" d="M63.3 21.7h140v4.7h-140zM63.3 33.5h59.2v4.7H63.3z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g transform="translate(7, 15) scale(0.35)">
                <path opacity=".8" d="M37 1l20.5 34.4L75.7 23l30 35H.3"></path>
                <ellipse opacity=".8" cx="93.1" cy="9.7" rx="8.7" ry="8.7"></ellipse>
              </g>
            </g>
            <g transform="translate(83 140)">
              <path d="M63.3 11.7h76.2v4.7H63.3z"></path>
              <path opacity=".5" d="M63.3 23.4H210V28H63.2zM63.3 35.2h129V40h-129z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g opacity=".8" transform="translate(13, 13)">
                <path d="M13 26c7.2 0 13-5.8 13-13S20.2 0 13 0 0 5.8 0 13s5.8 13 13 13zM9 12.6V6l5.7 3.3 5.7 3.3-5.7 3.3L9 19v-6.6z"></path>
              </g>
            </g>
            <g transform="translate(83 75)">
              <path d="M63.3 10H116v4.7H63.4zM122 10h17.5v4.7H122z"></path>
              <path opacity=".5" d="M63.3 21.7H210v4.7H63.2zM63.3 33.5H210v4.7H63.2z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g opacity=".8" transform="translate(13, 13)">
                <path d="M13 26c7.2 0 13-5.8 13-13S20.2 0 13 0 0 5.8 0 13s5.8 13 13 13zM9 12.6V6l5.7 3.3 5.7 3.3-5.7 3.3L9 19v-6.6z"></path>
              </g>
            </g>
          </g>
          <path d="M0 0h750v34H0z"></path>
          <path fill="#fff" d="M20.5 8L29 25H12"></path>
          <text style="font-size: 14px; fill: rgb(255, 255, 255); font-weight: bold;" dy="0.3em" x="45" y="17">MySite</text>
          <circle cx="720" cy="17" stroke="#fff" stroke-width="1" r="9"></circle>
          <rect x="600" y="8" width="100" height="18" rx="8" stroke="#fff" stroke-width="1"></rect>
        </g>
      </svg>



      <rect y="40" width="690" height="460" fill="black" opacity="0.3462222222222222"></rect>
      <g opacity="0.8655555555555555" transform="translate(225 202.24444444444444)">
        <defs>
          <filter id="dialogShadow">
            <feGaussianBlur stdDeviation="3" result="coloredBlur"></feGaussianBlur>
            <feMerge>
              <feMergeNode in="coloredBlur"></feMergeNode>
              <feMergeNode in="SourceGraphic"></feMergeNode>
            </feMerge>
          </filter>
          <clipPath id="welcomeModalButton">
            <rect x="154" y="82" rx="3" ry="3" width="76" height="22"></rect>
          </clipPath>
        </defs>
        <rect y="6" rx="3" ry="3" width="240" height="108" fill="rgba(0,0,0,0.2)" filter="url(#dialogShadow)"></rect>
        <rect rx="3" ry="3" width="240" height="114" fill="white"></rect>
        <path d="M3 0 L237 0 Q240 0 240 3 L240 26 Q240 26 240 26 L0 26 Q0 26 0 26 L0 3 Q0 0 3 0 Z" style="fill: rgb(33, 150, 243);"></path>
        <text style="fill: white; font-size: 14px;" dy="0.3em" x="10" y="13">Welcome</text>
        <text style="fill: black; font-size: 13px;" y="36">
          <tspan x="10" dy="1em">Thanks for joining MySite! Would you</tspan>
          <tspan x="10" dy="1.5em">like to take a quick tour?</tspan>
        </text>
        <rect style="fill: rgb(33, 150, 243);" x="154" y="82" rx="3" ry="3" width="76" height="22"></rect>
        <text style="fill: white; font-size: 13px;" dy="1.2em" x="164" y="82">Start Tour</text>
      </g>
    </g>
  </g>
</svg>
<svg class="bj bk" style="width:690px;height:500px;pointer-events:none;border-radius:3px">
  <g>
    <g>
      <g>
        <defs>
          <filter id="addressbarGlow">
            <feGaussianBlur stdDeviation="2.5" result="coloredBlur"></feGaussianBlur>
            <feMerge>
              <feMergeNode in="coloredBlur"></feMergeNode>
              <feMergeNode in="SourceGraphic"></feMergeNode>
            </feMerge>
          </filter>
        </defs>
        <rect style="fill: white; stroke: rgb(173, 173, 173); stroke-width: 1;" x="0" y="0" rx="4" ry="4" width="690" height="500"></rect>
        <path d="M4 0 L686 0 Q690 0 690 4 L690 40 Q690 40 690 40 L0 40 Q0 40 0 40 L0 4 Q0 0 4 0 Z" style="height: 40px; stroke: rgb(173, 173, 173); stroke-width: 1;"
          fill="#d0d0d0"></path>
        <circle cx="17.142857142857142" cy="18.142857142857142" fill="#fc605c" stroke="#ef4b47" stroke-width="1" r="5.714285714285714"></circle>
        <circle cx="37.14285714285714" cy="18.142857142857142" fill="#fdbc40" stroke="#efaa2f" stroke-width="1" r="5.714285714285714"></circle>
        <circle cx="57.14285714285714" cy="18.142857142857142" fill="#34c749" stroke="#22b634" stroke-width="1" r="5.714285714285714"></circle>
        <rect style="height: 26.6667px; transition: all 200ms ease-out 0s;" rx="2" ry="2" x="103.50000000000003" y="6.666666666666667"
          width="482.99999999999994" fill="#419bf9"></rect>
        <rect style="height: 26.6667px; transition: all 200ms ease-out 0s;" rx="2" ry="2" x="103.50000000000003" y="6.666666666666667"
          width="482.99999999999994" stroke-width="1" stroke="#adadad" fill="white"></rect>
        <text style="font-size: 14px;" dy="0.3em" x="110.1666666666667" y="20">www.mysite.com</text>
      </g>
      <svg y="40" width="690" height="460" viewBox="0 0 750 500" preserveAspectRatio="xMinYMin slice">
        <g fill="#FF9100" fill-rule="evenodd">
          <g transform="translate(358 335)">
            <path d="M.3 6h88.2v4.7H.3z"></path>
            <path opacity=".5" d="M.3 18.5h180v4.7H.3zM.3 30.5h45v4.7H.3zM133.3 30.5h55v4.7h-55zM50.3 30.5h78v4.7h-78z"></path>
            <rect opacity=".2" x="272" width="38" height="38" rx="2"></rect>
            <rect opacity=".2" x="228" width="38" height="38" rx="2"></rect>
            <path d="M296 15c0 2.6-2 4.6-4.7 4.6-2.5 0-4.5-2-4.5-4.6 0-2.6 2-4.6 4.5-4.6 2.6 0 4.6 2 4.6 4.6zm-14 11.7c0-3.2 6-5 9-5 3.2 0 9.3 1.8 9.3 5v1.5H282v-1.5zM247.5 28s7.5-7.7 7.5-11.7c0-4-3.4-7.3-7.5-7.3-4 0-7.5 3.3-7.5 7.3s7.5 11.7 7.5 11.7zm0-9.8c1.4 0 2.6-1.2 2.6-2.5 0-1.4-1-2.6-2.5-2.6-1.4 0-2.6 1.3-2.6 2.7 0 1.3 1 2.5 2.5 2.5z"
              opacity=".8"></path>
          </g>
          <g transform="translate(358 79)">
            <rect opacity=".2" width="310" height="230" rx="4"></rect>
            <g transform="translate(101 90)">
              <path opacity=".8" d="M37 1l20.5 34.4L75.7 23l30 35H.3"></path>
              <ellipse opacity=".8" cx="93.1" cy="9.7" rx="8.7" ry="8.7"></ellipse>
            </g>
          </g>
          <g>
            <g transform="translate(83 335)">
              <path d="M63.3 11.7H129v4.7H63.3z"></path>
              <path opacity=".5" d="M63.3 23.4h129.2V28H63.3zM63.3 35.2h131.3V40H63.3z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g transform="translate(7, 15) scale(0.35)">
                <path opacity=".8" d="M37 1l20.5 34.4L75.7 23l30 35H.3"></path>
                <ellipse opacity=".8" cx="93.1" cy="9.7" rx="8.7" ry="8.7"></ellipse>
              </g>
            </g>
            <g transform="translate(83 270)">
              <path d="M63.3 11.7h76.2v4.7H63.3z"></path>
              <path opacity=".5" d="M63.3 23.4H210V28H63.2zM63.3 35.2h129V40h-129z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g transform="translate(7, 15) scale(0.35)">
                <path opacity=".8" d="M37 1l20.5 34.4L75.7 23l30 35H.3"></path>
                <ellipse opacity=".8" cx="93.1" cy="9.7" rx="8.7" ry="8.7"></ellipse>
              </g>
            </g>
            <g transform="translate(83 205)">
              <path d="M63.3 10H158v4.7H63.3zM163.6 10h10.8v4.7h-10.8z"></path>
              <path opacity=".5" d="M63.3 21.7h140v4.7h-140zM63.3 33.5h59.2v4.7H63.3z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g transform="translate(7, 15) scale(0.35)">
                <path opacity=".8" d="M37 1l20.5 34.4L75.7 23l30 35H.3"></path>
                <ellipse opacity=".8" cx="93.1" cy="9.7" rx="8.7" ry="8.7"></ellipse>
              </g>
            </g>
            <g transform="translate(83 140)">
              <path d="M63.3 11.7h76.2v4.7H63.3z"></path>
              <path opacity=".5" d="M63.3 23.4H210V28H63.2zM63.3 35.2h129V40h-129z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g opacity=".8" transform="translate(13, 13)">
                <path d="M13 26c7.2 0 13-5.8 13-13S20.2 0 13 0 0 5.8 0 13s5.8 13 13 13zM9 12.6V6l5.7 3.3 5.7 3.3-5.7 3.3L9 19v-6.6z"></path>
              </g>
            </g>
            <g transform="translate(83 75)">
              <path d="M63.3 10H116v4.7H63.4zM122 10h17.5v4.7H122z"></path>
              <path opacity=".5" d="M63.3 21.7H210v4.7H63.2zM63.3 33.5H210v4.7H63.2z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g opacity=".8" transform="translate(13, 13)">
                <path d="M13 26c7.2 0 13-5.8 13-13S20.2 0 13 0 0 5.8 0 13s5.8 13 13 13zM9 12.6V6l5.7 3.3 5.7 3.3-5.7 3.3L9 19v-6.6z"></path>
              </g>
            </g>
          </g>
          <path d="M0 0h750v34H0z"></path>
          <path fill="#fff" d="M20.5 8L29 25H12"></path>
          <text style="font-size: 14px; fill: rgb(255, 255, 255); font-weight: bold;" dy="0.3em" x="45" y="17">MySite</text>
          <circle cx="720" cy="17" stroke="#fff" stroke-width="1" r="9"></circle>
          <rect x="600" y="8" width="100" height="18" rx="8" stroke="#fff" stroke-width="1"></rect>
        </g>
      </svg>
      <path d="M0 40 v460 h690 v-460z M62 100 L284 100 Q288 100 288 104 L288 419 Q288 423 284 423 L62 423 Q58 423 58 419 L58 104 Q58 100 62 100 Z"
        fill="black" opacity="0.4"></path>
      <g opacity="1" transform="translate(298 100)">
        <defs>
          <filter id="dialogShadow">
            <feGaussianBlur stdDeviation="3" result="coloredBlur"></feGaussianBlur>
            <feMerge>
              <feMergeNode in="coloredBlur"></feMergeNode>
              <feMergeNode in="SourceGraphic"></feMergeNode>
            </feMerge>
          </filter>
          <clipPath id="highlightListButton">
            <rect x="182" y="73" rx="3" ry="3" width="48" height="22"></rect>
          </clipPath>
        </defs>
        <rect y="6" rx="3" ry="3" width="240" height="99" fill="rgba(0,0,0,0.2)" filter="url(#dialogShadow)"></rect>
        <rect rx="3" ry="3" width="240" height="105" fill="white"></rect>
        <path d="M3 0 L237 0 Q240 0 240 3 L240 26 Q240 26 240 26 L0 26 Q0 26 0 26 L0 3 Q0 0 3 0 Z" style="fill: rgb(33, 150, 243);"></path>
        <text style="fill: white; font-size: 14px;" dy="0.3em" x="10" y="13">Explore</text>
        <text style="fill: black; font-size: 13px;" y="36">
          <tspan x="10" dy="1em">This is your personalized feed of new</tspan>
          <tspan x="10" dy="1.5em">&amp; interesting content.</tspan>
        </text>
        <rect style="fill: rgb(33, 150, 243);" x="182" y="73" rx="3" ry="3" width="48" height="22"></rect>
        <text style="fill: white; font-size: 13px;" dy="1.2em" x="192" y="73">Next</text>
        <circle cx="206" cy="85" fill="white" opacity="0.5" r="35.2" clip-path="url(#highlightListButton)"></circle>
      </g>
    </g>
  </g>
</svg>

<svg class="bj bk" style="width:690px;height:500px;pointer-events:none;border-radius:3px">
  <g>
    <g>
      <g>
        <defs>
          <filter id="addressbarGlow">
            <feGaussianBlur stdDeviation="2.5" result="coloredBlur"></feGaussianBlur>
            <feMerge>
              <feMergeNode in="coloredBlur"></feMergeNode>
              <feMergeNode in="SourceGraphic"></feMergeNode>
            </feMerge>
          </filter>
        </defs>
        <rect style="fill: white; stroke: rgb(173, 173, 173); stroke-width: 1;" x="0" y="0" rx="4" ry="4" width="690" height="500"></rect>
        <path d="M4 0 L686 0 Q690 0 690 4 L690 40 Q690 40 690 40 L0 40 Q0 40 0 40 L0 4 Q0 0 4 0 Z" style="height: 40px; stroke: rgb(173, 173, 173); stroke-width: 1;"
          fill="#d0d0d0"></path>
        <circle cx="17.142857142857142" cy="18.142857142857142" fill="#fc605c" stroke="#ef4b47" stroke-width="1" r="5.714285714285714"></circle>
        <circle cx="37.14285714285714" cy="18.142857142857142" fill="#fdbc40" stroke="#efaa2f" stroke-width="1"
          r="5.714285714285714"></circle>
        <circle cx="57.14285714285714" cy="18.142857142857142" fill="#34c749" stroke="#22b634" stroke-width="1"
          r="5.714285714285714"></circle>
        <rect style="height: 26.6667px; transition: all 200ms ease-out 0s;" rx="2" ry="2" x="103.50000000000003"
          y="6.666666666666667" width="482.99999999999994" fill="#419bf9"></rect>
        <rect style="height: 26.6667px; transition: all 200ms ease-out 0s;" rx="2" ry="2" x="103.50000000000003" y="6.666666666666667"
          width="482.99999999999994" stroke-width="1" stroke="#adadad" fill="white"></rect>
        <text style="font-size: 14px;" dy="0.3em" x="110.1666666666667" y="20">www.mysite.com</text>
      </g>
      <svg y="40" width="690" height="460" viewBox="0 0 750 500" preserveAspectRatio="xMinYMin slice">
        <g fill="#FF9100" fill-rule="evenodd">
          <g transform="translate(358 335)">
            <path d="M.3 6h88.2v4.7H.3z"></path>
            <path opacity=".5" d="M.3 18.5h180v4.7H.3zM.3 30.5h45v4.7H.3zM133.3 30.5h55v4.7h-55zM50.3 30.5h78v4.7h-78z"></path>
            <rect opacity=".2" x="272" width="38" height="38" rx="2"></rect>
            <rect opacity=".2" x="228" width="38" height="38" rx="2"></rect>
            <path d="M296 15c0 2.6-2 4.6-4.7 4.6-2.5 0-4.5-2-4.5-4.6 0-2.6 2-4.6 4.5-4.6 2.6 0 4.6 2 4.6 4.6zm-14 11.7c0-3.2 6-5 9-5 3.2 0 9.3 1.8 9.3 5v1.5H282v-1.5zM247.5 28s7.5-7.7 7.5-11.7c0-4-3.4-7.3-7.5-7.3-4 0-7.5 3.3-7.5 7.3s7.5 11.7 7.5 11.7zm0-9.8c1.4 0 2.6-1.2 2.6-2.5 0-1.4-1-2.6-2.5-2.6-1.4 0-2.6 1.3-2.6 2.7 0 1.3 1 2.5 2.5 2.5z"
              opacity=".8"></path>
          </g>
          <g transform="translate(358 79)">
            <rect opacity=".2" width="310" height="230" rx="4"></rect>
            <g transform="translate(101 90)">
              <path opacity=".8" d="M37 1l20.5 34.4L75.7 23l30 35H.3"></path>
              <ellipse opacity=".8" cx="93.1" cy="9.7" rx="8.7" ry="8.7"></ellipse>
            </g>
          </g>
          <g>
            <g transform="translate(83 335)">
              <path d="M63.3 11.7H129v4.7H63.3z"></path>
              <path opacity=".5" d="M63.3 23.4h129.2V28H63.3zM63.3 35.2h131.3V40H63.3z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g transform="translate(7, 15) scale(0.35)">
                <path opacity=".8" d="M37 1l20.5 34.4L75.7 23l30 35H.3"></path>
                <ellipse opacity=".8" cx="93.1" cy="9.7" rx="8.7" ry="8.7"></ellipse>
              </g>
            </g>
            <g transform="translate(83 270)">
              <path d="M63.3 11.7h76.2v4.7H63.3z"></path>
              <path opacity=".5" d="M63.3 23.4H210V28H63.2zM63.3 35.2h129V40h-129z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g transform="translate(7, 15) scale(0.35)">
                <path opacity=".8" d="M37 1l20.5 34.4L75.7 23l30 35H.3"></path>
                <ellipse opacity=".8" cx="93.1" cy="9.7" rx="8.7" ry="8.7"></ellipse>
              </g>
            </g>
            <g transform="translate(83 205)">
              <path d="M63.3 10H158v4.7H63.3zM163.6 10h10.8v4.7h-10.8z"></path>
              <path opacity=".5" d="M63.3 21.7h140v4.7h-140zM63.3 33.5h59.2v4.7H63.3z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g transform="translate(7, 15) scale(0.35)">
                <path opacity=".8" d="M37 1l20.5 34.4L75.7 23l30 35H.3"></path>
                <ellipse opacity=".8" cx="93.1" cy="9.7" rx="8.7" ry="8.7"></ellipse>
              </g>
            </g>
            <g transform="translate(83 140)">
              <path d="M63.3 11.7h76.2v4.7H63.3z"></path>
              <path opacity=".5" d="M63.3 23.4H210V28H63.2zM63.3 35.2h129V40h-129z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g opacity=".8" transform="translate(13, 13)">
                <path d="M13 26c7.2 0 13-5.8 13-13S20.2 0 13 0 0 5.8 0 13s5.8 13 13 13zM9 12.6V6l5.7 3.3 5.7 3.3-5.7 3.3L9 19v-6.6z"></path>
              </g>
            </g>
            <g transform="translate(83 75)">
              <path d="M63.3 10H116v4.7H63.4zM122 10h17.5v4.7H122z"></path>
              <path opacity=".5" d="M63.3 21.7H210v4.7H63.2zM63.3 33.5H210v4.7H63.2z"></path>
              <rect opacity=".2" width="51.6" height="51.6" rx="2"></rect>
              <g opacity=".8" transform="translate(13, 13)">
                <path d="M13 26c7.2 0 13-5.8 13-13S20.2 0 13 0 0 5.8 0 13s5.8 13 13 13zM9 12.6V6l5.7 3.3 5.7 3.3-5.7 3.3L9 19v-6.6z"></path>
              </g>
            </g>
          </g>
          <path d="M0 0h750v34H0z"></path>
          <path fill="#fff" d="M20.5 8L29 25H12"></path>
          <text style="font-size: 14px; fill: rgb(255, 255, 255); font-weight: bold;" dy="0.3em" x="45" y="17">MySite</text>
          <circle cx="720" cy="17" stroke="#fff" stroke-width="1" r="9"></circle>
          <rect x="600" y="8" width="100" height="18" rx="8" stroke="#fff" stroke-width="1"></rect>
        </g>
      </svg>
      <rect y="40" width="690" height="460" fill="black" opacity="0.4"></rect>
      <g opacity="1" transform="translate(225 213)">
        <defs>
          <filter id="dialogShadow">
            <feGaussianBlur stdDeviation="3" result="coloredBlur"></feGaussianBlur>
            <feMerge>
              <feMergeNode in="coloredBlur"></feMergeNode>
              <feMergeNode in="SourceGraphic"></feMergeNode>
            </feMerge>
          </filter>
          <clipPath id="welcomeModalButton">
            <rect x="154" y="82" rx="3" ry="3" width="76" height="22"></rect>
          </clipPath>
        </defs>
        <rect y="6" rx="3" ry="3" width="240" height="108" fill="rgba(0,0,0,0.2)" filter="url(#dialogShadow)"></rect>
        <rect rx="3" ry="3" width="240" height="114" fill="white"></rect>
        <path d="M3 0 L237 0 Q240 0 240 3 L240 26 Q240 26 240 26 L0 26 Q0 26 0 26 L0 3 Q0 0 3 0 Z" style="fill: rgb(33, 150, 243);"></path>
        <text style="fill: white; font-size: 14px;" dy="0.3em" x="10" y="13">Welcome</text>
        <text style="fill: black; font-size: 13px;" y="36">
          <tspan x="10" dy="1em">Thanks for joining MySite! Would you</tspan>
          <tspan x="10" dy="1.5em">like to take a quick tour?</tspan>
        </text>
        <rect style="fill: rgb(33, 150, 243);" x="154" y="82" rx="3" ry="3" width="76" height="22"></rect>
        <text style="fill: white; font-size: 13px;" dy="1.2em" x="164" y="82">Start Tour</text>
        <circle cx="192" cy="94" fill="white" opacity="0.5" r="36.55" clip-path="url(#welcomeModalButton)"></circle>
      </g>
    </g>
  </g>
</svg>